<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<title>VIP</title>
	<link rel="stylesheet" href="../css/reset.css">
	<script src="../assets/flexible/flexible.debug.js"></script>
	<link rel="stylesheet" type="text/css" href="../font/iconfont.css">
	<link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
	<link rel="stylesheet" href="../css/tiaozhan.min.css">
</head>
<body>
	<!-- 头部导航 -->
	<header>
		<div class="left">
			<i class="iconfont icon-zhuce-copy-copy"></i>
		</div>
		<p class="center">挑战</p>
		<div class="right">
			<img src="../images/tiaozhan_xiaoxi.png" alt="">
		</div>
	</header>
	<!-- 达人 -->
	<section class="daren">
		<h3>达人</h3>
		<div class="swiper-container zhanshi">
	        <div class="swiper-wrapper">
	            <div class="swiper-slide"><img src="../images/tiaozhan_banner.png" alt=""></div>
	            <div class="swiper-slide"><img src="../images/tiaozhan_banner.png" alt=""></div>
	            <div class="swiper-slide"><img src="../images/tiaozhan_banner.png" alt=""></div>
	        </div>
	    </div>
	</section>
	<!-- 任务 -->
	<section class="renwu">
		<h3>任务</h3>
		<div class="swiper-container zhanshi">
	        <div class="swiper-wrapper">
	            <div class="swiper-slide"><img src="../images/tiaozhan_banner.png" alt=""></div>
	            <div class="swiper-slide"><img src="../images/tiaozhan_banner.png" alt=""></div>
	            <div class="swiper-slide"><img src="../images/tiaozhan_banner.png" alt=""></div>
	        </div>
	    </div>
	</section>
	<!-- 热门活动 -->
	<section class="hot">
		<div class="title clearfix">
			<h3>热门活动</h3>
			<p>更多<i class="iconfont icon-xiangyou"></i></p>
		</div>
		<div class="">
			<img src="../images/tiaozhan_huodong.png" alt="">
			<img src="../images/tiaozhan_huodong.png" alt="">
			<img src="../images/tiaozhan_huodong.png" alt="">
			<img src="../images/tiaozhan_huodong.png" alt="">
		</div>
	</section>
	<!-- 底部导航 -->
    <footer>
    	<a href="../index.html">
	    	<dl>
	    		<dt>
	    			<img src="../images/jingxuan1.png" alt="">
	    		</dt>
	    		<dd>精选店</dd>
	    	</dl>
    	</a>
    	<a href="shequ.html">
	    	<dl>
	    		<dt>
	    			<img src="../images/shequ.png" alt="">
	    		</dt>
	    		<dd>社区</dd>
	    	</dl>
    	</a>
    	<a href="vip.html">
	    	<dl>
	    		<dt>
	    			<img src="../images/vip.png" alt="">
	    		</dt>
	    		<dd>VIP会员</dd>
	    	</dl>
    	</a>
    	<a href="#">
	    	<dl>
	    		<dt>
	    			<img src="../images/tiaozhan1.png" alt="">
	    		</dt>
	    		<dd>挑战</dd>
	    	</dl>
    	</a>
    	<a href="wode.html">
	    	<dl>
	    		<dt>
	    			<img src="../images/wode.png" alt="">
	    		</dt>
	    		<dd>我的</dd>
	    	</dl>
    	</a>
    </footer>
    <script src="../assets/jquery/jquery-3.2.1.min.js"></script>
    <script src="../assets/swiper/js/swiper.jquery.min.js"></script>
	<script src="../js/tiaozhan.js"></script>
</body>
</html>